$(function(){
    var w=$(".select-menu-div").css("width");
    $(".select-menu-ul").css({"width":w});
	selectMenu(0);

	$(".form-item .checkbox").each(function(){
		$(this).prop("checked",false);
	});

	$(".form-item .form-checkbox").mouseover(function(){
		var checkbox=$(this).prev();
		if(checkbox.is(':checked')==false){
			$(this).children(":first").css({"background-color": "#C2C2C2"});
			$(this).children().eq(1).css({"background-image":"url(image/icon-ok-hui.png)"});
			$(this).children().eq(1).css({"background-repeat":"no-repeat"});
		$(this).children().eq(1).css({"background-size":"18px 20px"});
		$(this).children().eq(1).css({"background-position-x":"5px"});
		$(this).children().eq(1).css({"background-position-y":"4px"});
		}
	});

	$(".form-item .form-checkbox").mouseout(function(){
		var checkbox=$(this).prev();
		if(checkbox.is(':checked')==false){
			$(this).children(":first").css({"background-color": "#d2d2d2"});
			$(this).children().eq(1).css({"background-image":"url(image/icon-kong.png)"});
			$(this).children().eq(1).css({"background-repeat":"no-repeat"});
		$(this).children().eq(1).css({"background-size":"18px 20px"});
		$(this).children().eq(1).css({"background-position-x":"5px"});
		$(this).children().eq(1).css({"background-position-y":"4px"});
		}
	});

	$(".form-item .form-checkbox").click(function(){
		var checkbox=$(this).prev();
		if(checkbox.is(':checked')){
			checkbox.prop("checked",false);
			$(this).children(":first").css({"background-color": "#d2d2d2"});
			$(this).children().eq(1).css({"background-image":"url(image/icon-ok-hui.png)"})

		}else{
			checkbox.prop("checked",true);
			$(this).children(":first").css({"background-color": "#5fb878"});
			$(this).children().eq(1).css({"background-image":"url(image/icon-ok-green.png)"});
		}
		$(this).children().eq(1).css({"background-repeat":"no-repeat"});
		$(this).children().eq(1).css({"background-size":"18px 20px"});
		$(this).children().eq(1).css({"background-position-x":"5px"});
		$(this).children().eq(1).css({"background-position-y":"4px"});
	});


	function selectMenu(index){
	   //$(".select-menu-input").eq(index).val($(".select-this").eq(index).html());//在输入框中自动填充第一个选项的值
	   $(".select-menu-div").eq(index).on("click",function(e){
		   	  e.stopPropagation();
             if($(".select-menu-ul").eq(index).css("display")==="block"){
				 $(".select-menu-ul").eq(index).hide();
				 $(".select-menu-div").eq(index).find("i").removeClass("select-menu-i");
				 $(".select-menu-ul").eq(index).animate({marginTop:"50px",opacity:"0"},"fast");
			 }else{
				 $(".select-menu-ul").eq(index).show();
				 $(".select-menu-div").eq(index).find("i").addClass("select-menu-i");
				 $(".select-menu-ul").eq(index).animate({marginTop:"5px",opacity:"1"},"fast");
			 }
			 for(var i=0;i<$(".select-menu-ul").length;i++){
			      if(i!==index&& $(".select-menu-ul").eq(i).css("display")==="block"){
				        $(".select-menu-ul").eq(i).hide();
						$(".select-menu-div").eq(i).find("i").removeClass("select-menu-i");
						$(".select-menu-ul").eq(i).animate({marginTop:"50px",opacity:"0"},"fast");
				  }
			 }

	   });
	   $(".select-menu-ul").eq(index).on("click","li",function(){//给下拉选项绑定点击事件
		   $(".select-menu-input").eq(index).val($(this).html());//把被点击的选项的值填入输入框中
           $(".select-menu-div").eq(index).click();
		   $(this).siblings(".select-this").removeClass("select-this");
		   $(this).addClass("select-this");
	   });
     $("body").on("click",function(event){
             event.stopPropagation();
          if($(".select-menu-ul").eq(index).css("display")==="block"){
			  $(".select-menu-ul").eq(index).hide();
				 $(".select-menu-div").eq(index).find("i").removeClass("select-menu-i");
				 $(".select-menu-ul").eq(index).animate({marginTop:"50px",opacity:"0"},"fast");
			 
		 }

	 });

	}

	   


})